<template>
	<!-- 路由出口 -->
	<!-- 路由匹配到的组件将渲染在这里 -->
	<ElConfigProvider :locale="locale">
	<router-view ></router-view>
	</ElConfigProvider>
	<!-- 全局音效 -->
	<audio src="" id="eventAudio"></audio>
</template>

<script>
	import { ElConfigProvider } from 'element-plus';
	import { ref } from 'vue';
	import zhLocale from 'element-plus/lib/locale/lang/zh-cn';
	

	export default {
		components: {
		    [ElConfigProvider.name]: ElConfigProvider, //添加组件
		  },
		name: 'App',
		setup() {
			const msg = ref(" Welcome to Element Plus, a Vue 3.0 based component library")
			const startHacking = () => {
				msg.value = "Start coding with Element Plus with 元西游"
			}
			
			const locale = ref(zhLocale);

			return {
				msg,
				startHacking,
				locale
			}
		},
		data() {
			return {
				push: false
			}
		},
		
		mounted() {
		         
		            // document.oncontextmenu = function () {
		            //     return false;
		            // };
		        },
		method: {
			startPush() {

			}
		}
	}
</script>

<style>
	html,
	body,
	#app {
		height: 100%;
	}

	#app {
		text-align: center;
		font-size: 14px;
		color: #000000;
		font-weight: bold;
	}

	.row-bg {
		padding: 0px 0;

	}


	body {
		margin: 0px;
		background-color: white;
		font-family: "楷体_GB2312";
		color: #000;
	}


	.yellow {
		color: #FC0;
	}

	.green {
		color: #00FF00;
	}

	.blue {
		color: #4DBAF4;
	}

	.success {
		color: #67C23A;
	}

	.danger {
		color: #F56C6C;
	}

	.el-main {
		overflow: visible;
	}

	.el-tabs__content {
		overflow: visible;
	}

	.el-main {
		padding: 0 20px;
	}

	.el-link.el-link--success {
		color: #67C23A;
	}
</style>
